<template>
  <div class="bg-white rounded" :style="{ height: $store.state.businessViewHeight + 'px' }">
<!--    <base-table primary-key-field-name='iid'-->
<!--                default-excel-file-name='角色列表'-->
<!--                save-store-url='sysRole/save'-->
<!--                list-store-url='sysRole/list'-->
<!--                delete-store-url='sysRole/delete'-->
<!--                table-name='sys_role'-->
<!--    ></base-table>-->
    <base-table v-bind='props'/>
  </div>
</template>
<script setup>
import BaseTable from '~/components/baseTable/index.vue'

// const props = {
//   'table-name': 'sys_role',
//   'primary-key-field-name': 'iid',
//   'default-excel-file-name': '角色列表',
//   'list-store-url': 'sysRole/list',
//   'save-store-url': 'sysRole/save',
//   'delete-store-url': 'sysRole/delete'
// }
const props = {
  'tableName': 'sys_role',
  'primaryKeyFieldName': 'iid',
  'defaultExcelFileName': '角色列表',
  'listStoreUrl': 'sysRole/list',
  'saveStoreUrl': 'sysRole/save',
  'deleteStoreUrl': 'sysRole/delete'
}

</script>
<style scoped>
.subsequent-row {
  margin-top: 15px;
}
.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*/deep/ .darkgray-color {*/
:deep() .darkgray-color {
  background-color: #f5f7fa !important;
}

.sysRole-header {
  border-bottom: 1px solid #eee;
  @apply flex items-center justify-between;
}
</style>